<template>
    <div>
        账号: <input type="text" v-model="zhanghao"><br><br>
        密码: <input type="password" v-model="password"><br><br>
        性别: 男 <input type="radio" name="xingbie" v-model="gender" value="male"> 
              女<input type="radio" name="xingbie" v-model="gender" value="female"><br><br>
        爱好: 打麻将 <input type="checkbox" v-model="hobby" value="damajiang">
                下棋 <input type="checkbox" v-model="hobby" value="xiaqi">
                钓鱼 <input type="checkbox" v-model="hobby" value="diaoyu"><br><br>
        所属校区: <select v-model="difang">
            <option value="">请选择想去的地方</option>
            <option value="qinghai">青海</option>
            <option value="yunnan">云南</option>
            <option value="yanhu">盐湖</option>
        </select><br><br>
        其他信息: <textarea v-model="text"></textarea><br><br>
         <input type="checkbox" v-model="agreen"> 阅读并接受<a href="http://www.baidu.com">用户协议</a><br><br>
         <input type="submit" value="提交">
    </div>
</template>

<script>
export default {
    // 
    name:'From',
    data() {
        return {
            zhanghao: '',
            password:'',
            gender:'male',
            hobby:[],
            difang:'',
            text:'',
            agreen:''
        }
    },
}
</script>

<style>
</style>